/* CSS Document */

.fullSlide{width:100%;position:relative;height:554px;background:#000;min-width:1200px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important; list-style:none}
.fullSlide .bd li{width:100% !important;height:554px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:554px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:110px;height:6px;margin:3px;overflow:hidden;background:#666;line-height:999px;}
.fullSlide .hd ul .on{background:#ff0000;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}




.jsq{ width:1200px; margin:40px auto;}

.index_box{ margin:0 auto; width:1200px;}
.index_title{ height:50px; line-height:50px;color:#313131; padding:40px 0;}
.index_title_zh{ float:left; font-size:30px; font-weight:bold; }
.index_title_zh font{ color:#e60012}
.index_title_en{ float:left;font-size:23px; font-family:Arial; text-transform:uppercase; margin-left:15px;}
.index_title_more{ float:right;}
.index_title_more a{ color:#313131}
.index_title_more a:hover{color:#e60012;}
.index_title_more a font{ color:#e60012;font-size:23px; }

.index_titles{ height:50px; line-height:50px;color:#FFF; padding:40px 0;}
.index_titles_zh{ float:left; font-size:30px; font-weight:bold;}
.index_titles_en{ float:left;font-size:23px; font-family:Arial; text-transform:uppercase; margin-left:15px;color:#dedede; }
.index_titles_more{ float:right;}
.index_titles_more a{ color:#fff}
.index_titles_more a:hover{color:#e60012;}
.index_titles_more a font{ color:#e60012;font-size:23px; }

.area{ width:1200px; margin:0 auto; height:293px;}
.area .area_li{ width:240x;  height:293px;   float:left;}
.area .area_li a{ display:block; width:220px; height:293px; margin:0 auto; position:relative}
.area .area_li a i{ display:block; width:136px; height:158px; position:absolute; left:122px; top:35px}
.area .area_li a span{ display:block; width:70px; height:25px; position:absolute; right:0; top:15px; background:#e60012; font-size:14px; text-align:center; color:#FFF}
.area .area_li a b{ display:block; width:220px; height:322px; position:absolute; left:0; top:0px;  color:#ff0000; padding-left:8px;padding-top:270px;}
.area .area_li a:hover b{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;}
.area .slick-prev{ background:url(area_l.png) no-repeat center; width:38px; height:55px; color:#000; left:-50px; top:87px}
.area .slick-prev:hover{ background:url(area_ls.png) no-repeat center;}
.area .slick-next{ background:url(area_r.png) no-repeat center; width:38px; height:55px; color:#000; right:-50px; top:87px}
.area .slick-next:hover{ background:url(area_rs.png) no-repeat center;}

.area1{ width:1200px; margin:0 auto;height:200px;}
.area1 .area_li1{ width:240px;  height:200px;   float:left;}
.area1 .area_li1 a{ display:block; width:220px; height:200px; margin:0 auto; position:relative; text-align:center}


.area1 .slick-prev{ background:url(area_l.png) no-repeat center; width:38px; height:55px; color:#000; left:-50px; top:67px}
.area1 .slick-prev:hover{ background:url(area_ls.png) no-repeat center;}
.area1 .slick-next{ background:url(area_r.png) no-repeat center; width:38px; height:55px; color:#000; right:-50px; top:67px}
.area1 .slick-next:hover{ background:url(area_rs.png) no-repeat center;}



.case_li{ width:384px; height:240px; float:left; margin-right:20px;}
.case_lis{ width:384px; height:240px; float:left;  margin-bottom:20px; display:block;}
.case_pro{ position:relative;transition: all 0.3s ease;}
.case_pro .case_li_bg{ position:absolute; left:0; height:80px; right:0; bottom:0; background:#000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.case_pro .case_li_til{position:absolute; left:20px; bottom:40px; right:0; color:#FFF; font-size:18px; width:280px;}
.case_pro .case_li_txt{position:absolute; left:20px; bottom:15px; right:0; color:#FFF;  font-size:14px; width:280px;}
.case_pro .case_li_txt i{ margin:0 20px;}
.case_pro .case_li_link{position:absolute; bottom:25px; right:20px; color:#FFF; background:#e60012;  font-size:14px; width:80px;  text-align:center; height:30px; line-height:30px; border-radius:1px}
.case_pro:hover{ top:-5px;-webkit-box-shadow:5px 5px 10px #555; -moz-box-shadow:5px 5px 10px #555; box-shadow:5px 5px 10px #555;   }


.team{ background:url(tema_bg.jpg) no-repeat center; height:733px; margin-top:40px;overflow:hidden; min-width:1200px;}
.team_box{height:440px;}
.team_li{width:240px;height:440px; float:left; }
.team_li a.team_li_a{width:220px;height:440px; display:block; margin:0 auto;background-size:220px; background-repeat:no-repeat; background-position:center;transition: all 0.3s ease; position:relative;overflow:hidden}
.team_li a.team_li_a .team_li_bg{ position:absolute; left:0; height:100px; right:0; bottom:-100px; background:#000;filter:alpha(opacity=00); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;transition: all 0.3s ease;}
.team_li a.team_li_a .team_li_til{position:absolute; left:20px; bottom:-55px; color:#FFF; font-size:18px; width:190px;transition: all 0.25s ease;}
.team_li a.team_li_a .team_li_jy{position:absolute; left:20px; bottom:-25px; color:#FFF; font-size:14px; width:90px;transition: all 0.3s ease;}
.team_li a.team_li_a .team_li_link{position:absolute; bottom:-27px; right:20px; width:31px; transition: all 0.3s ease;}
.team_li a.team_li_a{ background-size:230px;}
.team_li a.team_li_a .team_li_bg{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;bottom:0}
.team_li a.team_li_a .team_li_til{ left:20px; bottom:55px;}
.team_li a.team_li_a .team_li_txt{bottom:57px; right:15px; }
.team_li a.team_li_a .team_li_jy{left:20px; bottom:25px;;}
.team_li a.team_li_a .team_li_link{bottom:27px; right:20px;}
.team_box .slick-prev{ background:url(area_l.png) no-repeat center; width:38px; height:55px; color:#000; left:-50px; top:187px}
.team_box .slick-prev:hover{ background:url(area_ls.png) no-repeat center;}
.team_box .slick-next{ background:url(area_r.png) no-repeat center; width:38px; height:55px; color:#000; right:-50px; top:187px}
.team_box .slick-next:hover{ background:url(area_rs.png) no-repeat center;}


.technology{}


.news{ width:640px; float:left; padding-bottom:30px}
.news_img{ height:195px; width:640px; position:relative; margin-bottom:70px}
.news_img_div{ position:absolute; right:0; top:130px; background:#e60012; height:106px; width:550px;}
.news_img_div p{ display:block; font-size:20px; color:#FFF; width:510px; margin:0 auto;}
.news_img_div p.p1{ margin-top:23px; font-family:Arial}
.news_img_div p.p2{ margin-top:7px; height:27px; overflow:hidden;}
.news_li{ height:25px; line-height:25px; margin-bottom:15px; border-bottom:1px dashed #CCCCCC;}
.news_li a{  color:#313131}
.news_li a span{display:block;height:25px;}
.news_li a span.l{ float:left; padding-left:20px;background:url(news_li_ico.png) no-repeat left;}
.news_li a span.r{ float:right; font-family:Arial}
.news_li a:hover{ color:#e60012}

.voice{ width:500px; float:right; padding-bottom:30px}
.voice_img{width:460px; margin:0 auto;margin-bottom:25px; position:relative}
.voice_img i{position:absolute; display:block; width:55px; height:55px; left:203px; top:73px}
.voice_li{ height:25px; line-height:25px; margin-bottom:15px;}
.voice_li a{  color:#313131; padding-left:20px;background:url(news_li_ico.png) no-repeat left}
.voice_li a:hover{color:#e60012}

.brand{ background:url(brand_bg.jpg) no-repeat center; height:450px;min-width:1200px;}
.brand_box{ width:1300px;}
.brand_box a{ display:block;  float:left; margin-right:19px; margin-bottom:19px;}


.craft_img{ float:left; height:413px}
.craft_box{ float:right; width:770px; height:413px}
.craft_libox{height:413px; width:609px; position:relative; float:left;}
.craft_li{ position:absolute; left:0; top:0;filter:alpha(opacity=00); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;transition: all 0.4s ease; z-index:-1}
.craft_licur{filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; z-index:0}
.craft_bot{ float:right; width:161px; height:413px; position:relative}
.craft_bot a{ display:block; background:#333333; height:137px;transition: all 0.3s ease; position:absolute; right:0; top:0; width:161px; color:#FFF}
.craft_bot a.a1{ top:0;}
.craft_bot a.a2{ top:138px;}
.craft_bot a.a3{ top:276px;}
.craft_bot a span{ display:block;}
.craft_bot a span.sp1{ position:absolute; top:15px; right:15px; width:30px; text-align:center; font-family:Arial; font-size:20px; font-weight:bold;filter:alpha(opacity=00); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;transition: all 0.3s ease;}
.craft_bot a span.sp2{ position:absolute; top:50px; right:0px; width:161px; text-align:center; font-size:20px; font-weight:bold; }
.craft_bot a span.sp3{ position:absolute; top:80px; right:0px; width:161px; text-align:center; font-size:20px; font-weight:bold;}
.craft_bot a b{ display:block; background:url(craft_jt.png) no-repeat center; height:13px; width:30px;position:absolute; top:58px; right:130px;filter:alpha(opacity=00); -moz-opacity:0.0; -khtml-opacity: 0.0; opacity: 0.0;transition: all 0.3s ease;}
.craft_bot a.cur{ width:220px; background:#e60012}
.craft_bot a.cur span.sp1{ font-weight:bold;filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.craft_bot a.cur b{right:160px;filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0;}
.craft_bot p{ display:block; height:1px; background:#7e7e7e; position:absolute; left:0; width:100%;}
.craft_bot p.p1{top:137px;}
.craft_bot p.p2{top:275px;}
















.ofed_banner{ background:url(../winimages/brand_bg.jpg) no-repeat center; height:300px}
.ofed_index{ width:1200px; margin:50px auto;}
.ofed_left{ float:left; width:800px;}
.ofed_right{ float:right; width:369px;}